<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>
<link rel="stylesheet" href="style.css?v=3" type="text/css" />
<style>

</style>


<body>
<div id="exmple">
<div class="chat-row row-mine">
<div class="chat-row-padding chat-row-padding-mine">
<div class="head-img"><img src="head1.jpg" /></div>
<div class="user-name">我</div>
<div class="chat-content">你好</div>
</div>
</div>
<div class="chat-row row-them"><!--可以加class="select-on"属性-->
<div class="chat-row-padding chat-row-padding-them">
<div class="head-img"><img src="head2.jpg" /></div>
<div class="user-name">ai</div>
<div class="chat-content">你好，我是机器人</div>
</div>
</div>
</div>



<div id="top-padding"></div>
<div id="top">
<div id="submit-box-padding">
<button id="claer-button" >清空聊天记录</button>
</div>
</div>

<div id="chat-box">



</div>

<!--音频测试
<audio controls id="sounds">
  <source src="horse.mp3" type="audio/mpeg">
</audio>
-->

<div id="bottom-padding"></div>

<div id="submit-box">
<div id="submit-box-padding">
<form id="chat-form"  action="" method="get">
<div id="text-input"><input type="text"  id="submit-input" autocomplete="off"/></div>
<input type="submit" id="submit-button" value="发送" />
</form>
</div>
</div>


</body>


<script src="jquery.js"></script>
<script src="layer.js"></script>
<script src="plug.js?v=1"></script>
<script src="main.js?v=8"></script>
<script>


	
</script>


</html>


